<template>
	<div>
		<div class="title">
			<a href="#/"><img class="deng" src="../assets/img/shouye/tuijian/deng.png" alt=""/></a>
			<a href="#/Sousuo"><input type="text"  id="shuru" value="输入商品关键字" alt=""/></a>
			<a href="###"><img class="sousuo" src="../assets/img/shouye/tuijian/sousuo.png" alt=""/></a>
			<a href="#/XiaoxiZhongxin"><img class="xinxi" src="../assets/img/shouye/tuijian/xinxi.png" alt=""/></a>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.title {
		position: fixed;
		top: 0;
		left: 0;
		background: #e53e42;
		width: 100%;
		height: 9.6rem;
		display: flex;
		justify-content: space-around;
		z-index: 100;
	}
	
	.title .deng {
		width: 10.4rem;
		height: 3.4rem;
		margin-top: 3.3rem;
	}
	
	#shuru {
		width: 32rem;
		height: 4.8rem;
		margin-top: 2.4rem;
		border-radius: 1rem;
		font-size: 2.4rem;
		color: #E53E42;
		padding-left: 8rem;
	}
	
	.title .xinxi {
		width: 3.8rem;
		height: 3.8rem;
		margin-top: 2.9rem;
	}
	
	.title .sousuo {
		position: absolute;
		width: 2.8rem;
		left: 22rem;
		top: 3.3rem;
	}
</style>